<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./baoma.css">
    <link rel="stylesheet" href="./style.css">
    <script src="./baoma.js"></script>  
    <title>BMW自动驾驶</title>
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <!-- <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css"> -->

    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <!-- <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script> -->

    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <!-- <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script> -->
</head>
<body>
    <div id="daohang">
        <div class="fa">

            <div class="dropdown">
                <button class="dropbtn" title="全部车型">全部车型</button>
                <div class="dropdown-content">
                    <a href="//www.runoob.com">创新BMW XM 概念车</a>
                </div>
            </div>

            <div class="dropdown">
                <button class="dropbtn" title="购车支持">购车支持</button>
                <div class="dropdown-content">
                    <a href="//www.runoob.com">BMW 阔境人生</a>

                </div>
            </div>

            <div class="dropdown">
                <button class="dropbtn" title="BMW电动未来">BMW电动未来</button>
                <div class="dropdown-content">
                    <a href="//www.runoob.com">BMW-i</a>

                </div>
            </div>

            <div class="dropdown">
                <button class="dropbtn" title="BMW服务">BMW服务</button>
                <div class="dropdown-content">
                    <a href="//www.runoob.com">MY BMW App</a>

                </div>
            </div>

            <div class="dropdown">
                <button class="dropbtn" title="BMW天地">BMW天地</button>
                <div class="dropdown-content">
                    <a href="//www.runoob.com">自动驾驶</a>
                    <a href="//www.runoob.com">精彩活动</a>

                </div>
            </div>
            <div class="son2">
                <a href="" title="我的BMW">
                    <img src="./BMW_White_Logo.svg" alt="" height="60px" width="60px">
                </a>
            </div>
            <div class="son2 son3">
                <a href="" title="查找经销商">
                    <img src="./地址.png" alt="" height="33px" width="33px">
                </a>
            </div>
            <div class="son2 son3">
                <a href="" title="BMW中国">
                    <img src="./发布人.png" alt="" height="33px" width="33px">
                </a>

            </div>
            <div id="line"></div>
        </div>
    </div>
    <div class="a1"><img src="./cq5dam.resized.img.1680.large.time1592588027877.jpg" alt="">
        
        <div class="a11">
            <p>BMW自动驾驶</p>
            <p>&nbsp;</p>
            <p>在你身边，伴你左右</p>
        </div>
    </div>
    <div class="A">
        <canvas id="canvas"></canvas>	
    <div class="a2">
        <div class="a21"><p>在未来，您将更加享受与BMW的每一次旅行，邂逅更为愉悦的时光。您不仅可以自己驾驶，还可以选择BMW自动驾驶。未来的BMW驾驶体验将变得更加安全、高</br>效，总是令人兴奋不已。有BMW陪伴的每一刻，始终轻松自如。</p></div>
    </div>
    <div class="a3">
        <div class="a31">
            <h2>无人驾驶，带来难忘体验</h2>
        </div>
    </div>
    <!-- 视频 --><!-- 视频 --><!-- 视频 -->
    <div class="a4">
        <img src="./sanjiao.png" alt="" id="veImg">
        <img src="./bmw-autonomous-driving-onepager-video-sg-01.jpg" id="img" alt="">
        <video src="./baomamyVideo.mp4" controls="" id="video"></video>             
    </div>
     <!-- 视频 --><!-- 视频 --><!-- 视频 -->
    </div>
    <div class="B">
     <div class="a5">
         <h2>挚爱之所</h2>
        <div class="a51">
            <p>BMW Vision iNext概念车为驾驶带来全新的想象。驾驶者信任着车辆，他们仿佛坐在家中一样，在道路上也享受着放松的体验，这便是我们的愿景。全电动、高度自动<br>
                化和全连接，BMW Vision iNext概念车使新的旅行体验成为可能。从自动驾驶到内饰设计，全都被重新考量。它不仅是创新和审美的美妙诠释，更是您悠享时光的新选<br>
                选择。BMW通过引入前瞻的驾驶体验，将道路也转换为您挚爱的目的地。<br>
                借由创新的宝马智能驾驶技术，当身处BMW Vision iNext概念车内时，您可以选择自己驾驶或由自动驾驶掌握方向盘。以语音控制或触摸方向盘上的BMW标志时，巨<br>
                变将随之上演。方向盘向后移动以提供更多空间，踏板下沉，在地板上创建平坦的表面。驾驶者和前排乘客也可以转过身来，与其他乘客面对面。此外，显示屏幕还会<br>
                提供有关周围环境的详细信息。
            </p>
        </div>
     </div>
     <!-- 轮播图 --> <!-- 轮播图 --> <!-- 轮播图 -->
     <div class="box" id="box">
        <div class="inner">
            <!--轮播图-->
            <ul>
                <li><a href="Bootstrap.html"><img src="./x1.jpg"></a></li>
                <li><a href=""><img src="./x2.jpg"></a></li>
                <li><a href=""><img src="./x3.jpg"></a></li>
                <li><a href=""><img src="./x4.jpg"></a></li>
    
            </ul>
    
            <ol class="bar">
    
            </ol>
            <!--左右焦点-->
            <div id="arr">
                        <span id="left">
                            &lt;
                        </span>
                <span id="right">
                            &gt;
                        </span>
            </div>
    
        </div>
    </div>
      <!-- 轮播图 --> <!-- 轮播图 --> <!-- 轮播图 -->
    </div>
    <div class="C">
        <div id='c'>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
			<div class='s'></div>
		  </div>
      <div class="a6">
          <img src="./11.jpg" alt="" title="自动驾驶进行时">
          <div class="hcqStyle2">
            自动驾驶进行时<br>			
                BMW自动驾驶开发团队正在全球范围内进行道路测试
			</div>
                <div class="a61">
                    <p class="hcqStyle1">以远见，创变革。10多年来，BMW一直致力于自动驾驶的研发。早在2006年，<br>一辆BMW 3系就已在霍根海姆赛道上“自己”跑了一圈，而自动驾驶原型车从2011<br>
                        年开始就已在慕尼黑和纽伦堡之间的A9高速公路上进行道路测试。2014年，一<br>款BMW无人驾驶原型车首次在拉斯维加斯赛道上(Las Vegas Speedway)上演了<br>
                        漂移，向人们展示了自动驾驶在性能极限情况下的可能性。而现在，自动驾驶车<br>辆已经可以通过简单的手势自行泊车(自动泊车)。2018年，宝马集团在慕尼黑附<br>
                        近设立了自动驾驶园区，这也推动了BMW自动驾驶汽车量产的进一步发展。随<br>着BMW自动驾驶测试车队的壮大，宝马集团收集了在德国、美国、以色列和中国<br>
                        的各种交通情况下的传感器和车辆数据，这些数据是提升安全性、仿真和机器<br>学习算法的必要前提。</p>
                </div>
         
      </div>
      <div class="a7">
          <img src="./12.jpg" alt="" title="自动驾驶即未来">
          <h2>自动驾驶即未来</h2>
          <h4>人工智能引领自动驾驶潮流</h4>
          <div class="a71">
            <p>无需动手，一切尽在掌控。未来，您的BMW将能够在所有可以想象的情况下，<br>
                安全、可靠、易懂地对其他驾驶者做出反应。通过先进的硬件和软件应用人工智能<br>
                技术，BMW自动驾驶将拥有独立应对道路交通情况的能力，严密的预判会大<br>
                大降低事故的发生。您的BMW还将具备持续学习的能力，带领您轻松地应对交<br>
                通拥堵，并减少能源消耗。</p>
          </div>
      </div>
      <div class="a8">
          <h2>即刻，体验未来驾驶</h2>
          <img src="./13.png" alt="">
          <div class="a81">
              <p>目前，在许多BMW车型中，您已可以提前享受未来的自由。许多创新的驾驶辅助系统正在为您提供安全与便捷。无论行驶中还是泊车时，这些技术都在您的生活中发<br>
                挥着重要作用。不妨尽情探索BMW搭载了多少未来技术，并体验这些驾驶辅助系统的优点 。</p>
               <p>
                您可以在旅行中依赖BMW驾驶辅助系统。这些技术的应用，将让您的爱车更加聪明。同时，可在多样化的路面情况下，提供放松与安全的驾驶。体验BMW驾驶辅助系<br>
                统带来的轻松感受。
               </p>
               <p>
                创新的BMW专业型驾驶辅助系统可为您承担部分驾驶任务。驾驶辅助系统通过主动转向控制，将车辆保持在车道中间行驶。带Stop&Go低速跟车功能的主动巡航系统<br>
                可自动调节车速，以保持与前车的安全距离。
               </p>
          </div>
      </div>
      <div class="fixed">
		<div class="Flow">
            <div class="flow">
                <div class="top"></div>
                <img src="./chat.png" alt="">
                <div class="fp">咨询销售信息</div>
            </div>
            <div class="flow">
                <div class="top"></div>
                <img src="./play.png" alt="">
                <div class="fp">索取产品手册</div>
            </div>
            <div class="flow">
                <div class="top"></div>
                <img src="./发布人.png" alt="">
                <div class="fp tree">查找经销商</div>
            </div>
        </div>
	</div>    
    </div>
    <div class="D">     
        <div class="E">
            <div class="a9">
                <div class="a91">
                    <div class="box5">
                        <img src="./yy.png" alt="">
                        <p>预约试驾</p>
                    </div>
                    <div class="box5">
                        <img src="./chat.png" alt="">
                        <div class="p1">咨询销售信息</div>
                    </div>
                    <div class="box5">
                        <img src="./play.png" alt="">
                        <div class="p1">索取产品手册</div>
                    </div>
                    <div class="box5">
                        <img src="./地址.png" alt="">
                        <div class="p2">查找经销商</div>
                    </div>
                    <div class="box5">
                        <img src="./发布人.png" alt="">
                        <p>联系我们</p>
                    </div>
                </div>
            </div>
        <div class="F">
            <div class="a10">
                <div class="fbox f1">
                    <h4>联系我们</h4>
                    <ul>
                        <li>预约试驾</li>
                        <li>咨询销售信息</li>
                        <li>索取产品手册</li>
                        <li>查找经销商</li>
                        <li>联系我们</li>
                        <li>加入我们</li>
                    </ul>
                </div>
                <div class="fbox f2">
                    <h4>快速链接</h4>
                <ul>
                    <li>BMW官方旗舰店</li>
                    <li>法律声明</li>
                    <li>Cookie政策</li>
                    <li>隐私政策</li>
                    <li>环保信息公开</li>
                    <li>网站地图</li>
                </ul>
                </div>
                <div class="fbox f3">
                    <h4>BNW天地</h4>
                    <ul>
                        <li>BMW新闻</li>
                        <li>BMW汽车生产之旅</li>
                        <li>大客户业务</li>
                    </ul>
                </div>
                <div class="fbox f4">
                    <h4>其他宝马网站</h4>
                    <ul>
                        <li>华晨宝马</li>
                        <li>BMW互联驾驶在线商店</li>
                        <li>BMW摩托车</li>
                    </ul>
                </div>
                <div class="fbox f5">
                    <h4>官方社交媒体</h4>
                    <ul>
                        <li>宝马中国官方微信</li>
                        <li>宝马中国官方微博</li>
                        <li>宝马客户服务中心官方微信</li>
                    </ul>
                </div>
 
            </div>
        </div>
        <div class="G">
              <div class="bottom">
                  <div class="sign">
                    © BMW 中国 2021
                  </div>
                  <div class="box4">
                    联系我们
                  </div>
                  <div class="box4">
                    法律声明
                  </div>
                  <div class="box4">
                    京ICP备08004883号
                  </div>
                  <div class="box4">
                    京公网安备11010502038527号
                  </div>

              </div>
        </div>
        </div>
    </div>
  
</body>
</html>